.list_container {
  flex-direction: column;
  background: url('@/assets/images/home/content.png') no-repeat;
  background-size: cover;
  .content_container {
    padding: 15px 20px;
    overflow: auto;
    box-sizing: border-box;
    .table_container {
      margin-bottom: 15px;
    }
  }
  .pagination_container {
    // display: flex;
    // justify-content: space-between;
    // height: 32px;
  }
}

// 状态 start

// 报警状态-已处理
.status-radius-alarm-5,
.status-radius-0,
.status-normal-radius {
  display: inline-block;
  width: 8px;
  height: 8px;
  border-radius: 4px;
  background-color: #66e1df;
  margin-right: 8px;
}

// 报警状态-已处理
.status-alarm-label-5,
.status-label-0,
.status-normal {
  color: #66e1df;
}

// 报警状态-待处理
.status-radius-alarm-0,
// 勿扰
.status-radius-3,
.status-unusual-radius {
  display: inline-block;
  width: 8px;
  height: 8px;
  border-radius: 4px;
  background-color: #ff3838;
  margin-right: 8px;
}

// 报警状态-待处理
.status-alarm-label-0,

.status-label-3,
.status-unusual {
  color: #ff3838;
}

// 演示
.status-radius-2,
.status-demo-radius {
  display: inline-block;
  width: 8px;
  height: 8px;
  border-radius: 4px;
  background-color: #309eff;
  margin-right: 8px;
}

.status-label-2,
.status-demo {
  color: #309eff;
}

// 无效
.status-radius-1,
.status-void-radius {
  display: inline-block;
  width: 8px;
  height: 8px;
  border-radius: 4px;
  background-color: #8fabbf;
  margin-right: 8px;
}

.status-label-1,
.status-void {
  color: #8fabbf;
}
// 报警状态-处理中
.status-radius-alarm-1,
// 
.status-warning-radius {
  display: inline-block;
  width: 8px;
  height: 8px;
  border-radius: 4px;
  background-color: #e6a23c;
  margin-right: 8px;
}

// 报警状态-处理中
.status-alarm-label-1,
.status-warning {
  color: #e6a23c;
}


.status-success-radius {
  display: inline-block;
  width: 8px;
  height: 8px;
  border-radius: 4px;
  background-color: #67c23a;
  margin-right: 8px;
}

.status-success {
  color: #67c23a;
}
// 状态 over

// 表单 单位
.millisecond {
  position: relative;
  &::after {
    content: '毫秒';
    display: block;
    position: absolute;
    right: 10px;
    top: 0;
    color: #8fabbf;
  }
  &:hover {
    .el-input__suffix {
      right: 35px;
    }
  }
  .el-input__inner {
    padding-right: 60px;
  }
}
// 表单 单位 voer

// 图片边框
.img-container {
  position: relative;
  display: flex;
  flex-direction: column;
  background-color: rgba(48, 158, 255, 0.2);
  box-sizing: border-box;
  // border: 1px solid #309eff;
  border: 1px solid rgba(48, 158, 255, 0.2);
  padding: 12px;
  &::after {
    position: absolute;
    top: 3px;
    left: 3px;
    content: '';
    border-top: 5px solid rgba(48, 158, 255, 0.7);
    border-right: 5px solid transparent;
    border-bottom: 5px solid transparent;
  }
  &::before {
    position: absolute;
    top: 3px;
    right: 3px;
    content: '';
    border-top: 5px solid rgba(48, 158, 255, 0.7);
    border-left: 5px solid transparent;
    border-bottom: 5px solid transparent;
  }
  .image {
    width: 100% !important;
    height: 100% !important;
  }
  .img-contaienr__footer {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    &::after {
      position: absolute;
      top: -13px;
      left: 3px;
      content: '';
      border-top: 5px solid transparent;
      border-right: 5px solid transparent;
      border-bottom: 5px solid rgba(48, 158, 255, 0.7);
    }
    &::before {
      position: absolute;
      top: -13px;
      right: 3px;
      content: '';
      border-top: 5px solid transparent;
      border-left: 5px solid transparent;
      border-bottom: 5px solid rgba(48, 158, 255, 0.7);
    }
  }
}
// 图片边框 over

// 告警状态图标
.span {
  width: 100%;
  display: flex;
  gap: 4px;
}
.urency-tag {
  display: block;
  width: 43px!important;
  height: 21px!important;
}
.tag-high {
  background: url("@/assets/images/alarm/high.png") no-repeat center;
}
.tag-center {
  background: url("@/assets/images/alarm/center.png") no-repeat center;
}
.tag-low {
  background: url("@/assets/images/alarm/lower.png") no-repeat center;
}
.tag-lowest {
  background: url("@/assets/images/alarm/lowest.png") no-repeat center;
}
// over

// 告警应急图标
.icon-emergency {
  display: inline-block;
  width: 20px;
  height: 20px;
  margin-right: 4px;
}
.icon-map {
  .icon-emergency;
  background: url('@/assets/images/alarm/map.png') no-repeat;
}
.icon-map-active {
  .icon-emergency;
  background: url('@/assets/images/alarm/map_hover.png') no-repeat;
}
.icon-plane {
  .icon-emergency;
  background: url('@/assets/images/alarm/plane.png') no-repeat;
}
.icon-plane-active {
  .icon-emergency;
  background: url('@/assets/images/alarm/plane_hover.png') no-repeat;
}
.icon-alarm {
  .icon-emergency;
  background: url('@/assets/images/alarm/alarm.png') no-repeat;
}
.icon-alarm-active {
  .icon-emergency;
  background: url('@/assets/images/alarm/alarm_hover.png') no-repeat;
}
.icon-log {
  .icon-emergency;
  background: url('@/assets/images/alarm/log.png') no-repeat;
}
.icon-log-active {
  .icon-emergency;
  background: url('@/assets/images/alarm/log_hover.png') no-repeat;
}
.icon-contact {
  .icon-emergency;
  background: url('@/assets/images/alarm/contact.png') no-repeat;
}
.icon-contact-active {
  .icon-emergency;
  background: url('@/assets/images/alarm/contact_hover.png') no-repeat;
}
// 告警应急图标 over
.ol-zoom.ol-unselectable.ol-control {
  display: none;
}
.ol-rotate.ol-unselectable.ol-control.ol-hidden {
  display: none;
}